﻿@using Happy.Cms.Query.Articles
@model IEnumerable<ArticleView>

@{
    this.ViewBag.Title = "主页";
}

@section style{
    <link href="~/Skitter/css/skitter.styles.min.css" rel="stylesheet" />
    <link href="~/Content/Css/Home/Index.css" rel="stylesheet" />
}

@section script{
    <script src="~/Skitter/js/jquery.easing.1.3.js"></script>
    <script src="~/Skitter/js/jquery.skitter.min.js"></script>
}
<div class="tenoner-index">
    <div class="row">
        <div class="col-xs-12">
            <div class="box_skitter box_skitter_large tenoner-index-slider">
                <ul>
                    @foreach (var article in this.Model)
                    {
                        <li>
                            <a href="/Tenoner/Article/Detail/@article.Id">
                                <img src="@article.ImageInfo_Url" class="cube" />
                            </a>
                            <div class="label_text">
                                <p>@article.Title</p>
                            </div>
                        </li>
                    }
                </ul>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.tenoner-index-slider').skitter({
                theme: 'clean',
                numbers_align: 'center',
                progressbar: true,
                dots: true,
                preview: true,
            });
        });
    </script>

    <div class="row">
        <div class="col-xs-4">
            @{ Html.RenderAction("TopServices", "Partial"); }
        </div>
        <div class="col-xs-4">
            @{ Html.RenderAction("TopNews", "Partial"); }
        </div>
        <div class="col-xs-4">
            @{ Html.RenderAction("TopArticles", "Partial"); }
        </div>
    </div>
</div>
